body {
    background: #fff;
}

header {
    .header-top {
        display: flex;
        height: 50px;
        justify-content: space-between;
        background: #ff841d;
        .logo {
            width: 200px;
            background: url('../images/header_logo.png') no-repeat;
            background-size: 150px 24px;
            background-position: 10px 16px;
        }
        .uplode {
            width: 40px;
            background: url('../images/header_app.png') no-repeat;
            background-size: 30px 30px;
            background-position: 0 12px;
        }
    }
    .header-bottom {
        display: flex;
        height: 50px;
        padding: 0 10px;
        justify-content: center;
        align-items: center;
        .header-bottom-left{
            flex: 1;
            height: 30px;
            margin-right: 10px;
            input {
                width: 100%;
                line-height: 30px;
                font-size: 16px;
                border-radius: 15px;
                padding-left: 20px;
                background: #f1f1f1;
            }
        }
        .search {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 60px;
            height: 30px;
            font-size: 16px;
            color: #fff;
            border-radius: 15px;
            background: #ff841d;
        }
    }
}

.list-function{
    font-size: 15px;
    .list-function-title{
        display: flex;
        background: #f3f3f3;
        padding:0 5px;
        height: 40px;
        justify-content: space-between;
        align-items: center;
        p{
            display: flex;
            a{
                display: inline-block;
            }
        }
        span{
            border-radius: 5px;
            padding: 5px 10px;
            background: linear-gradient(#d8d8d8 0%, #f3f3f3 100%)
        }
    }
    .list-function-content{
        a{
            display: flex;
            padding:10px;
            border-bottom: 1px solid #eaeaea;
            img{
                width: 120px;
                height: 120px;
            }
            .introduce{
                flex:1;
                .tit{
                    height: 56px;
                    line-height: 28px;
                    font-size: 16px;
                    overflow: hidden;
                    color: #333;
                }
                .money{
                    margin-top: 6px;
                    font-size: 20px;
                    color:#ed0000;
                }
                span{
                    display: inline-block;
                    font-size: 14px;
                    margin-top: 10px;
                    color:#a1a1a1;
                }
                span:nth-of-type(1){
                    margin-right: 5px;
                }
            }
        }
    }
    .paging{
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 40px;
        span{
            width: 80px;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            background: linear-gradient(#f1f1f1 0%,#d4d4d4 100%);
            border: 1px solid #d9d9d9;
            border-radius: 5px;
            text-align: center;
        }
        select{
            width: 50px;
            height: 30px;
            font-size: 16px;
        }
    }
}

footer {
    background: #f1f1f1;
    .direct{
        display: flex;
        height: 40px;
        justify-content: center;
        a{
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #dcdcdc;
        }
        .backTop{
            span{
                display:block;
                height: 15px;
                width: 15px;
                background: url("../images/top.jpg");
                background-size: 15px 15px;
            }
        }
    }
    .copyright{
        height: 60px;
        text-align: center;
        font-size: 14px;
        padding-top:10px;
        p{
            a{
                display: inline;
                color:red;
            }
            span{
                color:#727f86;
            }
        }
        >a{
            color: #727f86;
        }
    }
}